<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-grid.min.css"/><!--CSS RESET-->
    <link rel="stylesheet" type="text/css" href="/static/css/index.css">
</head>
<body>
<div class="htmleaf-container">
    <div class="demo">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="main-timeline">

                        <div class="timeline">
                            <a href="/map" class="timeline-content">
                                <span class="year">地图</span>
                                <h3 class="title">疫情分布地图</h3>
                                <p class="description">
                                    现有确诊分布与累积确诊分布互相切换
                                    <img src="http://39.106.98.85:5000/static/images/upload/1.png"
                                         width="80%">
                                </p>
                            </a>
                        </div>

                        <div class="timeline">
                            <a href="/wordcloud" class="timeline-content">
                                <span class="year">字符云</span>
                                <h3 class="title">字符云图</h3>
                                <p class="description">
                                    这是一个可以根据图片变化的字符云显示图，包括了QQ，echarts的logo图
                                    <br>
                                    <img src="http://39.106.98.85:5000/static/images/upload/3.png"
                                         width="40%">
                                    <img src="http://39.106.98.85:5000/static/images/upload/4.png"
                                         width="58%"></p>
                            </a>
                        </div>

                        <div class="timeline">
                            <a href="#" class="timeline-content">
                                <span class="year">2016</span>
                                <h3 class="title">Web Designer</h3>
                                <p class="description">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias animi dolor in,
                                    itaque iure, maiores natus, obcaecati porro provident quas reprehenderit rerum
                                    voluptas! A consequatur dolor esse impedit reiciendis voluptatum!
                                </p>
                            </a>
                        </div>

                        <div class="timeline">
                            <a href="#" class="timeline-content">
                                <span class="year">2015</span>
                                <h3 class="title">Web Developer</h3>
                                <p class="description">
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias animi dolor in,
                                    itaque iure, maiores natus, obcaecati porro provident quas reprehenderit rerum
                                    voluptas! A consequatur dolor esse impedit reiciendis voluptatum!
                                </p>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>